/**
 * main CSS
 * @package    infectamic
 * @subpackage web
 * @author     Loic Chardonnet <loic.chardonnet@gmail.com>
 */

/* General CSS */
body {
    font-family:            'Droid Sans', arial, serif;
    background:             #eeeeee;
    margin:                 0;
    padding:                0;
}

.wrapper {
    margin:                 0 auto;
    width:                  960px;
}

h1, h2, h3, h4, h5, h6, caption {
    font-family:            'VT323', arial, serif;
}

h1, h2, h3, h4, h5, h6 {
    color:                  #2672a8;
}

th {
    font-size:              14px;
}

.active {
    font-weight:            bold;
}

.break {
    clear:                  both;
}

/* Header CSS */
#header {
    width:                  100%;
    height:                 100%;
    background:             #14314a;
    padding:                10px 0;
    border-bottom:          1px solid #142430;
    display:                inline-block;
}

#header .wrapper {
    height:                 53px;
}

#header h1 {
    display:                none;
}

#header ul {
    float:                  right;
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

#header li {
    display:                inline;
    border-right:           1px solid #f3f3f3;
    padding:                0 15px;
    color:                  #ffffff;
    font-size:              20px;
}

#header li:last-child {
    padding-right:          0;
    border-right:           none;
}

#header a, #header a:hover {
    color:                  #ffffff;
    font-size:              20px;
}

/* Nav CSS */
#nav {
    width:                  100%;
    height:                 100%;
    background:             #2672a8;
    border-top:             1px solid #366191;
    border-bottom:          1px solid #1a456c;
}

#nav .wrapper {
    height:                 23px;
}

#nav h1 {
    display:                none;
}

#nav ul {
    list-style-type:        none;
    margin:                 0;
}

#nav li {
    display:                inline;
    padding:                0 5px;
    border-left:            1px solid #f3f3f3;
}

#nav li:first-child {
    padding-left:           0;
    border-left:            none;
}

#nav a, #nav a:hover {
    color:                  #ffffff;
    font-size:              12px;
}

/* Content */
#content {
    width:                  100%;
    height:                 100%;
}

/* Footer */
#footer {
    width:                  100%;
    height:                 100%;
    background:             #2672a8;
    border-top:             1px solid #1a456c;
    border-bottom:          1px solid #1a456c;
}

#footer .wrapper {
    height:                 23px;
}

#footer h1 {
    display:                none;
}

#footer ul {
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

#footer li {
    display:                inline;
    padding:                0 5px;
    border-left:            1px solid #f3f3f3;
}

#footer li:first-child {
    padding-left:           0;
    border-left:            none;
}

#footer a, #footer a:hover {
    color:                  #ffffff;
    font-size:              12px;
}
